<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/account.css"/>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<link rel="stylesheet" type="text/css" href="css/footer.css"/>		
		<link rel="stylesheet" type="text/css" href="css/content_bottem.css"/>
		<style>
/*body*/
			#one span,#two span,#three span,#four span,#b ul li a span,#c_ul02 li a span,#li_span,
			#p_03 span,#center_span span,#bottem_li01 a span,#bottem_li02 a span,#li_span01,#li_span05,
			#pimg_top_left span,#pimg_center_left span,#pimg_bottom_left span,#footer_right_center ul li span{
				background-image: url(img/img-sprite.png);
			}
/*header*/
			#info{
				height: 257px;
				background: url(img/product.jpg) no-repeat;
				background-size: cover;
			}	
/*content*/				
			#content_bottem{background: url(img/product2.jpg) no-repeat;background-size: cover;}			
/*footer*/
			#pimg_top_right{background: url(img/f1.jpg) no-repeat;}
			#pimg_center_right{background: url(img/f2.jpg) no-repeat;}
			#pimg_bottom_right{background: url(img/f3.jpg) no-repeat;}
		</style>
	</head>
	<body>
		<div id="container">
<!--header-->
			<div id="header">
				<div id="header_top">
					<div id="header_top_left">
						<div id="one"><span></span>
							<a href="#">Info@example.com</a>
						</div>
						<div id="two"><span></span>
							<a href="#">04622616161</a>
						</div>
					</div>
					<div id="header_top_right">
						<div id="three"><span></span>
							<a href="account.html">Login</a>
						</div>
						<div id="four"><span></span>
							<a href="register.html">Create an Account</a>
						</div>
					</div>					
				</div>
				<div id="header_center">
					<div id="a">Amberegul</div>
					<div id="b">
						<ul>
							<li>
								<a href="index.html">Home</a>
							</li>
							<li>
								<a href="single.html">Pages</a>
							</li>
							<li>
								<a href="single.html">Blog</a>
							</li>
							<li>
								<a href="product.html">Products</a>
							</li>
							<li>
								<a href="contact.html">Contact</a>
							</li>
							<li>
								<a href="#"><span></span></a>
							</li>
						</ul>
					</div>
					<div id="c">
						<ul id="c_ul01">
							<li><a href="checkout.html">$0.00(0 items)</a></li>
							<li><a href="checkout.html">Empty Cart</a></li>
						</ul>
						<ul id="c_ul02">
							<li><a href="#"><span></span></a></li>
						</ul>
					</div>
				</div>
				<div id="header_bottem">
					<div id="bottem_right">
						<ul>
							<li><a href="index.html">Home</a></li>
							<span id="li_span"></span>
							<li><a href="about.html">About</a></li>
						</ul>
					</div>
				</div>
				<div id="info">
					<div id="info_center">
						<p>ACCOUNT</p>
					</div>
				</div>
			</div>
<!--content-->
			<div id="content">
				<div id="content_top">
					<div id="content_top_top">
						<h3>REGISTERED CUSTOMERS</h3>
						<p>If you have an account with us,please log in.</p>
					</div>
					<div id="content_top_center">
						<form action="account.html" method="post">
							Email Address<br />
							<input type="text" name="" id="" value="" /><br /><br />
							Password<br />
							<input type="password" name="" id="" value="" /><br /><br />
						</form>
						<span>Forgot Your Password?</span>
						<ul>
							<li><a href="#">LOGIN</a></li>
						</ul>
					</div>
					<div id="content_top_bottem">
						<h3>NEW CUSTOMERS</h3>
						<p>By creating an account with our store.you will be able to move through the checkout process faster,store multiple</p>
						<p>shipping addresses,view and track your orders in your account and more.</p>
						<ul>
							<li><a href="register.html">CREATE AN ACCOUNT</a></li>
						</ul>
					</div>
				</div>
				<div id="content_bottem">
					<div id="big_border">
						<div id="small_border_p">
							<span>HAPPY SHOPING</span>
							<p>Lorem Ipsum sit amet consectuer adipiscing elit sed diam</p>
							<p>nonummy nibu euismod</p>
						</div>
					</div>
				</div>
			</div>
			<!--footer-->		
			<div id="footer">
				<div id="footer_content">
					<div id="footer_left">
						<p>QUICK CONTACT</p>
						<hr  width="100%" color="#000000" size="1"/><br />
						<ul id="ul01">
							<li></li>
							<li>ENTER YOUR EMAIL*</li>
							<li>ENTER YOUR PHONE</li>
						</ul>
						<ul id="ul02">
							<li>ENTER YOUR MESSAGE*</li>
						</ul>
						<ul id="ul03">
							<li><a href="#">SEND MESSAGE</a></li>
						</ul>
					</div>
					<div id="footer_center">
						<p>TOP RATED PRODUCTS</p>
						<hr  width="100%" color="#000000" size="1"/>
						<div id="center_pimg">
							<div id="pimg_top">
								<div id="pimg_top_left">
									<p id="p_top">Winter Combo Style</p>
									<span></span><span></span><span></span><span></span><span></span>
									<p id="p_bottom"><s>$70.00</s>$40.00</p>
								</div>
								<div id="pimg_top_right">
									<ul><li></li></ul>
								</div>
							</div>
							<div id="pimg_center">
								<div id="pimg_center_left">
									<p id="p_top">Winter Combo Style</p>
									<span></span><span></span><span></span><span></span><span></span>
									<p id="p_bottom"><s>$70.00</s>$40.00</p>
								</div>
								<div id="pimg_center_right">
									<ul><li></li></ul>
								</div>
							</div>
							<div id="pimg_bottom">
								<div id="pimg_bottom_left">
									<p id="p_top">Winter Combo Style</p>
									<span></span><span></span><span></span><span></span><span></span>
									<p id="p_bottom"><s>$70.00</s>$40.00</p>
								</div>
								<div id="pimg_bottom_right">
									<ul><li></li></ul>
								</div>
							</div>
						</div>
					</div>
					<div id="footer_right">
						<div id="footer_right_top">
							<div id="right_top_img">
								 <img src="img/lo.png"/>
							</div>
							<div id="right_top_p">
								<h3>Amberegul Theme</h3>
								<p>Was designed for opencart,<br />
									magento,woocommerce and<br />
									prestashop platforms.It is<br />
									based on Bootstarp.
								</p>
							</div>
						</div>
						<div id="footer_right_center">
							<div id="center_auto">
								<p>Bandung,Indonesia</p>
								<p>40553</p>
								<ul>
									<li><span id="span1"></span>+62&nbsp;226759804</li>
									<li><span id="span2"></span>blithemes</li>
									<li><span id="span3"></span>info@example.com</li>
									<li><span id="span4"></span>http://example.com</li>
								</ul>
							</div>
						</div>
						<div id="footer_rigth_bottem">
							<div id="bottem_auto">
								<img src="img/pa.png"/>
							</div>
						</div>
					</div>
					<hr width="100%" size="1" color="#000000"/>
					<p align="center">Copyright&nbsp;&copy;&nbsp;2015 Company name All rights reserved.</p>
				</div>			
			</div>	
		</div>
	</body>
</html>
